<template>
  <div>
    <ShiPin v-for="(item, index) in tuijian" :key="item.id" :item="item"></ShiPin>
  </div>
</template>

<script setup>
import { storeToRefs } from "pinia";
import { useHotStore } from "@/stores/hot.js";

import ShiPin from "@/components/ShiPin.vue";

const store = useHotStore();
const { tuijian } = storeToRefs(store);
const { updateTuijian } = store;

// console.log("tuijian", tuijian);

updateTuijian();
</script>

<style lang="scss" scoped>

</style>